<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@ taglib uri="/WEB-INF/tlds/att.tld" prefix="att"%>
<%@ taglib uri="/WEB-INF/tlds/att_list.tld" prefix="attlist"%>
<script type="text/javascript">
	var PATH="${contextPath}";
</script>
<div class="container-fluid">
	<div class="col-sm-12">  
		<form id="form" name="form"  action="" method="post" class="form-horizontal">
			<div style="height: 12px" class="col-sm-12;" >  
			</div>
			<table id="flowInfo" style="border:1px solid 000;width:100%;" cellpaddingR="5" cellspacing="5" >
				<!-- 流程隐藏信息 -->
			
				<!-- 流程页面执行参数 -->
				<input type="hidden" id="flowKey" name="flowKey" value="${flowKey}"/>
				<input type="hidden" id="sysType" name="sysType" value="sap"/>
				<input type="hidden" id="proInsId" name="proInsId" value="${proInsId}"/>
				<input type="hidden" id="bpm_flow_excute_type" name="bpm_flow_excute_type"/>
				<input type="hidden" id="is_work_flow_" name="is_work_flow_"/>
				<input type="hidden" id="isVal" name="isVal" value="${isVal}"/>
				<input type="hidden" id="valType" name="valType" value="X"/>
				<input type="hidden" id="flowStatus" name="flowStatus" value="${flowStatus}"/>
				<input type="hidden" id="sapUrl" name="sapUrl" value="${sapUrl}"/>
				<input type="hidden" id="subject" name="subject" value="${subject}"/>
				<!-- 流程审批记录展示 -->
				
				<tr>
					<td class="text-center col-sm-12" style="background-color:#e8e8e8" colspan="2"><strong>审批记录</strong></td>
				</tr>
				<tr>
					<td colspan="2">
						<table style="border:1px solid 000;width:100%;" cellpaddingR="5" cellspacing="5" >
							<tr>
								<td id="opinions-td">
									<iframe id="flowOpinions" scrolling="no" frameborder=0 width="100%">
									</iframe>
								</td>
							</tr>
						</table>
					</td>
				</tr>
				
				<!-- 特权人处理 -->
				<tr>
					<td colspan="2">
						<shiro:hasPermission name="com.maoye.ossp.bpm.workflow.admin">
							<c:if test="${flowStatus ne 'end'}">
							  	<table style="border:1px solid 000;width:100%;" cellpadding="5" cellspacing="5" >  
							  		<tr>
								  		<td class="text-right col-sm-2" style="background-color:#e8e8e8"><strong>流程操作:</strong></td>
								  		<td class="col-sm-8"><button type="button" data-toggle="modal" data-target="#myModal" href="">特权人处理</button></td>
								  	</tr>
								  	<div class="modal fade"  id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
										<div class="modal-dialog">
										    <div class="modal-content">
										      <div class="modal-body" id="adminOptInfo">
										        	<iframe id="adminOptJsp" name="adminOptJsp" src="${contextPath}/bpm/bpmsap/admin/${proInsId}" scrolling="no" frameborder="no" width="100%" height="500px"></iframe>
										      </div>
										    </div>
										</div>								    
									</div>
							  	</table>
						  	</c:if>
						</shiro:hasPermission>
					</td>
				</tr>
				
				<!-- 流程展示信息 -->
				<div id="workflow-show">
					<tr class="workflow-opt-task-tr">
				  		<td class="text-center col-sm-12" style="background-color:#e8e8e8" colspan="2"><strong>当前流程信息</strong></td>
				  	</tr>
					<tr class="workflow-show-tr">
				  		<td class="text-right col-sm-2" style="background-color:#e8e8e8"><strong>当前处理人:</strong></td>
				  		<td class="col-sm-8" id="extUser_td">
				  		</td>
				  	</tr>
				  	<tr class="workflow-show-tr">
				  		<td class="text-right col-sm-2" style="background-color:#e8e8e8"><strong>当前节点:</strong></td>
				  		<td class="col-sm-2" id="nodeDefName_td">
						</td>
				  	</tr>
				  	<tr class="workflow-show-tr">
				  		<td class="text-right col-sm-2" style="background-color:#e8e8e8"><strong>下一个节点:</strong></td>
				  		<td class="col-sm-2" id="outcomeNodes_td">
				  		</td>
				  	</tr>
				  	<tr id="curTaskUrl-tr" style="display: none">
				  		<td class="text-right col-sm-2" style="background-color:#e8e8e8"><strong>跳转到当前表单任务审批:</strong></td>
				  		<td class="col-sm-2" id="hisuser_td"><span></span></td>
				  	</tr>
				</div>
				<tr class="att-show">
			  		<td class="text-right col-sm-2" style="background-color:#e8e8e8;width:20%;"><strong>附件:</strong></td>
			  		<td class="col-sm-8" id="att-show-td"> 
			  			<att:upload modleName="com.maoye.ossp.bpmagent.model.TaskInstance" key="workflow" soureBillID=""></att:upload>
			  		</td>
			  	</tr>
				<div id="workflow-opt-start">
					<tr class="workflow-opt-task-tr" id="opt-nextNode-tr">
				  		<td class="text-right col-sm-2" style="background-color:#e8e8e8"><strong>下一节点任务:</strong></td>
				  		<td class="col-sm-2" id="opt-nextNode">
						</td>
				  	</tr>
				  	<tr id="editNode-admin-tr" style="display: none;">
				  		<td class="text-right col-sm-2" style="background-color:#e8e8e8"><strong>编辑节点处理人:</strong></td>
				  		<td class="col-sm-8"><button type="button" data-toggle="modal" id="editUserButton" data-target="#userOptModal" href="">编辑节点处理人</button></td>
					  	<div class="modal fade"  id="userOptModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
							<div class="modal-dialog">
							    <div class="modal-content">
							      <div class="modal-body" id="editNodeOptInfo">
							        	<iframe id="editNodeAdminOptJsp" name="editNodeAdminOptJsp" scrolling="no" frameborder="no" width="100%" height="500px"></iframe>
							      </div>
							    </div>
							</div>								    
						</div>
					</tr>
					<tr class="workflow-opt-start-tr">
				  		<td class="text-right col-sm-2" style="background-color:#e8e8e8"><strong>提交人身份:</strong></td>
				  		<td class="col-sm-8">
			  				<select id="postId" name="postId" >
	  						</select> 
				  		</td>
				  	</tr>
				</div>
			</table>
		</form>
	</div>  
</div>